﻿<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jQuery基础过滤器:first和:last示例</title>
        <script src="js/jquery-3.6.1.min.js"></script>
        <style>
            p{
                width: 100px;
				height:50px;
                border: 1px solid;
                margin: 10px;
				float:left;
            }
        </style>
    </head>
    <body>
        <h3>jQuery基础过滤器:first和:last示例</h3>
        <hr>
		<p>这是第一个段落元素。</p>
		<p>这是第二个段落元素。</p>
		<p>这是第三个段落元素。</p>
        <script>
            $(document).ready(function() {
                $("p:first").css("border", "1px solid red");
				$("p:last").css("border", "1px dashed blue");
            });
        </script>
    </body>
</html>

